<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<link rel="stylesheet" href="css/jquery.ui.all.css" />
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.js"></script>
		<script type="text/javascript">
		$(document).ready(function($){
				
			$(".tipo-cont-inic").datepicker({
				showButtonPanel: true,
				changeMonth: true,
				changeYear: true
			});
			
			$(".tipo-cont-fina").datepicker({
				showButtonPanel: true,
				changeMonth: true,
				changeYear: true
			});
			
		});
		</script>
		<style type="text/css">
		*{
			font-size: 13px;
		}
		</style>
	</head>
	<body>
		<p>
			<label for="tipo-cont-inic">INICIO</label>							
		</p>
		<p>
			<input id="tipo-cont-inic" class="tipo-cont-inic" type="text" size="10" max="10" />
		</p>
		<p>
			<label for="tipo-cont-fina">FIN</label>							
		</p>
		<p>
			<input id="tipo-cont-fina" class="tipo-cont-fina" type="text" size="10" max="10" />
		</p>
	</body>
</html>